﻿
<script type="text/javascript">
    $('.chzn-drop').css('left', '0px');
    $('.chzn-drop').css('display', 'none');
    $('.chzn-single').on("click", function (e) {
        $(this).toggleClass('chzn-single-with-drop');
        $(this).next().toggleClass('visible');
        e.preventDefault();
    });
</script>

<style>
    .visible {
        display: block !important;
    }

    .chzn-results li:hover {
        background-color: #df4a43;
        color: white;
    }

    .form-group {
        width: 89%;
        text-align: left;
        margin: 0 auto;
    }

    .btn-fullcolor {
        width: 150px;
    }

    @media only screen and (max-width: 990px) {
        .list-style .item {
            /*height: 46em!important;*/
            height: 100%;
            margin-bottom: 2em;
        }

            .list-style .item .image img {
                height: 100%;
                max-height: 24em;
            }
    }

    .pattern-bg {
        background-image: url("../images/banners/News/news.jpg");
        background-size: cover;
    }

        .pattern-bg.colored-bg:before {
            background-color: rgba(0,0,0,0.6);
        }
</style>



<!-- BEGIN PAGE TITLE/BREADCRUMB -->
<div class="parallax colored-bg pattern-bg" data-stellar-background-ratio="0.5">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title">{{ title }}</h1>

                <!--<ul class="breadcrumb">
                    <li><a href="index.html">Home </a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="blog-listing2.html">Blog Listing 4</a></li>
                </ul>-->
            </div>
        </div>
    </div>
</div>
<!-- END PAGE TITLE/BREADCRUMB -->
<!-- BEGIN CONTENT WRAPPER -->
<div class="content">
    <div class="container">
        <div class="row">

            <!-- BEGIN MAIN CONTENT -->
            <div class="main col-sm-8">

                <div id="listing-header" class="clearfix">
                    <div class="form-control-small" style="width:17em!important;">
                        <div id="sort_by_chzn" class="chzn-container chzn-container-single chzn-container-single-nosearch" style="width: 103.037px;" title="">
                            <a ng-click="SortOptionChanged = true" href="javascript:void(0)" class="chzn-single chzn-default" tabindex="-1">
                                <span>{{ sortOption }}</span><div><b></b></div>
                            </a>
                            <div ng-show="SortOptionChanged == true" class="chzn-drop" style="left:-9000px;">
                                <div class="chzn-search">
                                    <input type="text" autocomplete="off">
                                </div>
                                <ul class="chzn-results">
                                    <li id="sort_by_chzn_o_1" class="active-result" ng-mousedown="updateFilterOption(0,false);">Sorted by Latest to Oldest</li>
                                    <li id="sort_by_chzn_o_2" class="active-result" ng-mousedown="updateFilterOption(1,false);">Sorted by Oldest to Latest</li>
                                    <li id="sort_by_chzn_o_2" class="active-result" ng-mousedown="updateFilterOption(2,false);">Sorted by Area (A to Z)</li>
                                    <li id="sort_by_chzn_o_2" class="active-result" ng-mousedown="updateFilterOption(3,false);">Sorted by Area (Z to A)</li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- BEGIN PROPERTY LISTING -->
                <div id="blog-listing" class="list-style clearfix">
                    <div class="row">
                        <div class="item col-md-6">
                            <!-- Set width to 4 columns for grid view mode only -->
                            <div class="image">
                                <a href="/info/news/details/{{ p.NewsId }}">
                                    <span class="btn btn-default"><i class="fa fa-file-o"></i> Read More</span>
                                </a>
                                <img src="/images/penangrealty-logo.png" />
                            </div>
                            <div class="tag"><i class="fa fa-file-text"></i></div>
                            <div class="info-blog">
                                <ul class="top-info">
                                    <li><i class="fa fa-calendar"></i> 09-03-1995</li>
                                </ul>
                                <h3>
                                    <a href="/info/news/details/{{ p.NewsId }}">{{ title }}</a>
                                </h3>
                                <p>Description</p>
                                <div>
                                    <a class="btn btn-danger" href="/info/news/details/{{ p.NewsId }}"
                                       style="padding-left: 25px;
                                                    padding-right: 25px;
                                                    background-color: transparent!important;
                                                    color: #df4a43!important;
                                                    border: 2px solid #df4a43;
                                                    font-size: 1em;">Read More</a>
                                </div>

                                <div style="float:left;margin-top:3%;">
                                    <ul class="social-networks">
                                        <li><a target="_blank" href="http://www.facebook.com/sharer.php?caption={{ getShareTitle(p) }}&description={{ getShareDescription(p) }}&u={{ getShareURL(p) }}&picture={{ getShareImageURL(p) }}"><i class="fa fa-facebook"></i></a></li>
                                        <li><a target="_blank" href="https://twitter.com/intent/tweet?url={{ getShareURL(p) }}&amp;text={{ getShareTitle(p) }}}"><i class="fa fa-twitter"></i></a></li>
                                        <li><a href="whatsapp://send?text={{ getShareURL(p) }} {{ getShareTitle(p) }}" data-action="share/whatsapp/share"><i class="fa fa-whatsapp"></i></a></li>
                                        <li><a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url={{ getShareURL(p) }}&title={{ getShareTitle(p) }}&summary={{ getShareDescription(p) |limitTo:100 }}"><i class="fa fa-linkedin"></i></a></li>
                                        <li>
                                            <a target="_blank" href="https://plus.google.com/share?text={{ getShareTitle(p) }} {{ getShareURL(p) }}">
                                                <i class="fa fa-google"></i>
                                            </a>
                                        </li>

                                        <li ng-show="isAndroid == true">
                                            <a href="mailto:?subject={{ getShareTitle(p) }}&body=Hi%2C%0A%0ACheck%20out%20this%20property%20from%20Shijieproperty%3A%20{{ getShareURL(p) }}%0A%0AThank%20you.">
                                                <i class="fa fa-envelope"></i>
                                            </a>
                                        </li>
                                        <li ng-show="isAndroid == false">
                                            <a href="mailto:?Subject={{ getShareTitle(p) }}&Body=Hi%2C%0A%0ACheck%20out%20this%20new%20from%20Shijieproperty%3A%20%3Ca%20href%3D%22{{ getShareURL(p) }}%22%3EHere%3C/a%3E%0A%0AThank%20you."><i class="fa fa-envelope"></i></a>
                                        </li>


                                    </ul>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
               

               
            </div>
            <!-- END MAIN CONTENT -->
            <!-- BEGIN SIDEBAR -->
            <div class="sidebar gray col-sm-4">

                <h2 class="section-title">Categories</h2>
                <ul class="categories">
                    <li><a href="/info/usefulInfo">Useful Property Info</a></li>
                    <li><a href="/info/news">News </a></li>
                    <li><a href="/info/events">Events </a></li>
                </ul>

           


                <iframe width="100%" height="416px" scrolling="no" style="border: none;" src="https://www.opinionstage.com/polls/2409394/poll" frameBorder="0" name="os_frame" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>


                <!-- END  ARCHIVES ACCORDION -->
                <!-- BEGIN TAGS -->
                <!-- BEGIN TAGS -->
            </div>
            <!-- END SIDEBAR -->

        </div>
    </div>
</div>
<!-- END CONTENT WRAPPER -->
